<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
    <title>家园调查</title>
    <link rel="stylesheet" href="../../libs/node_modules/bootstrap/dist/css/bootstrap.min.css">
    <link rel="stylesheet" href="../../style/common.css">
    <link rel="stylesheet" href="../../style/home/article.css">
    <link rel="stylesheet" href="../../style/investigation/investigation.css">

    <script src="../../libs/jquery-3.2.1.min.js"></script>
    <script src="https://cdnjs.cloudflare.com/ajax/libs/popper.js/1.14.3/umd/popper.min.js" integrity="sha384-ZMP7rVo3mIykV+2+9J3UJ46jBk0WLaUAdn689aCwoqbBJiSnjAK/l8WvCWPIPm49" crossorigin="anonymous"></script>
    <script src="../../libs/node_modules/bootstrap/dist/js/bootstrap.min.js"></script>
    <script src="../../libs/layer-v3.1.1/layer/layer.js"></script>
    <script src="../../libs/node_modules/echarts/dist/echarts.js"></script>
    <!--<script src="js/system.js"></script>-->
</head>
<body>
<header></header>
<nav></nav>
<div class="nav-row">

</div>
<div class="carousel-box">
    <div id="carouselExampleIndicators" class="carousel slide" data-ride="carousel">
        <ol class="carousel-indicators">
            <li data-target="#carouselExampleIndicators" data-slide-to="0" class="active"></li>
        </ol>
        <div class="carousel-inner">
            <div class="carousel-item active">
                <img class="d-block w-100" src="../../static/images/详情banner.png" alt="First slide">
            </div>
        </div>

    </div>

</div>

<main>
    <div class="content">
        <div class="article-detail">
            <div class="article-detail-l" style="width: 15rem">
                <div class="nav flex-column nav-pills" id="v-pills-tab" role="tablist" aria-orientation="vertical">
                    <a class="nav-link active" id="v-pills-focus-tab" data-toggle="pill" href="#v-pills-focus" role="tab" aria-controls="v-pills-focus" aria-selected="true">焦点</a>
                    <a class="nav-link" id="v-pills-vote-tab" data-toggle="pill" href="#v-pills-vote" role="tab" aria-controls="v-pills-vote" aria-selected="false">投票</a>
                    <a class="nav-link" id="v-pills-vote2-tab" data-toggle="pill" href="#v-pills-vote2" role="tab" aria-controls="v-pills-vote2" aria-selected="false" style="display: none;">投票</a>
                    <a class="nav-link" id="v-pills-vote3-tab" data-toggle="pill" href="#v-pills-vote3" role="tab" aria-controls="v-pills-vote3" aria-selected="false" style="display: none;">投票</a>
                    <a class="nav-link" id="v-pills-investigation-tab" data-toggle="pill" href="#v-pills-investigation" role="tab" aria-controls="v-pills-investigation" aria-selected="false">表决/评议</a>
                    <a class="nav-link" id="v-pills-complaint-tab" data-toggle="pill" href="#v-pills-complaint" role="tab" aria-controls="v-pills-complaint" aria-selected="false">征集</a>
                </div>
            </div>
            <div class="tab-content" id="v-pills-tabContent">
                <div class="article-detail-r tab-pane fade show active" id="v-pills-focus" role="tabpanel" aria-labelledby="v-pills-focus-tab">

                <div class="article-header">
                    <div class="article-header-inner">
                        <div class="article-logo"></div>
                        <div class="article-tip">焦点</div>
                    </div>
                    <div class="article-hot">
                        HOT
                    </div>
                </div>
                <div class="article-list">
                    <div class="article-list-item" onclick="javascript:window.location.href='article.html'">
                        <div class="article-item-img"></div>
                        <div class="article-item-content" style="width: 45rem">
                            <div class="article-item-title">为什么说「日本餐饮业」的今天是我们的未来？</div>
                            <div class="article-item-prop">
                                <span>发布于：中华网</span>
                                <span>2018-07-09 10:53:18</span>
                                <span>评论：25</span>
                            </div>
                            <div class="article-item-text">
                                从平价的日式小吃，治愈系的深夜食堂，洋溢社交场景的居酒屋，充满日剧氛围的烧鸟串烤，
                                昂贵华丽的顶级日料，细腻甜美的日式甜品，融合西餐菜系的日式主题餐厅，种类繁多的日系
                                餐饮专门店越来越受中国食客的喜爱，并成为一二线城市购物中心标配的餐饮业种。
                            </div>
                        </div>
                    </div>
                    <div class="article-list-item" onclick="javascript:window.location.href='article.html'">
                        <div class="article-item-img"></div>
                        <div class="article-item-content" style="width: 45rem">
                            <div class="article-item-title">为什么说「日本餐饮业」的今天是我们的未来？</div>
                            <div class="article-item-prop">
                                <span>发布于：中华网</span>
                                <span>2018-07-09 10:53:18</span>
                                <span>评论：25</span>
                            </div>
                            <div class="article-item-text">
                                从平价的日式小吃，治愈系的深夜食堂，洋溢社交场景的居酒屋，充满日剧氛围的烧鸟串烤，
                            </div>
                        </div>
                    </div>
                    <div class="article-list-item" onclick="javascript:window.location.href='article.html'">
                        <div class="article-item-img"></div>
                        <div class="article-item-content" style="width: 45rem">
                            <div class="article-item-title">为什么说「日本餐饮业」的今天是我们的未来？</div>
                            <div class="article-item-prop">
                                <span>发布于：中华网</span>
                                <span>2018-07-09 10:53:18</span>
                                <span>评论：25</span>
                            </div>
                            <div class="article-item-text">
                                从平价的日式小吃，治愈系的深夜食堂，洋溢社交场景的居酒屋，充满日剧氛围的烧鸟串烤，
                                昂贵华丽的顶级日料，细腻甜美的日式甜品，融合西餐菜系的日式主题餐厅，种类繁多的日系
                                餐饮专门店越来越受中国食客的喜爱，并成为一二线城市购物中心标配的餐饮业种。
                            </div>
                        </div>
                    </div>
                    <div class="article-list-item" onclick="javascript:window.location.href='article.html'">
                        <div class="article-item-img"></div>
                        <div class="article-item-content" style="width: 45rem">
                            <div class="article-item-title">为什么说「日本餐饮业」的今天是我们的未来？</div>
                            <div class="article-item-prop">
                                <span>发布于：中华网</span>
                                <span>2018-07-09 10:53:18</span>
                                <span>评论：25</span>
                            </div>
                            <div class="article-item-text">
                                从平价的日式小吃，治愈系的深夜食堂，洋溢社交场景的居酒屋，充满日剧氛围的烧鸟串烤，
                                昂贵华丽的顶级日料，细腻甜美的日式甜品，融合西餐菜系的日式主题餐厅，种类繁多的日系
                                餐饮专门店越来越受中国食客的喜爱，并成为一二线城市购物中心标配的餐饮业种。
                            </div>
                        </div>
                    </div>
                    <div class="article-list-item" onclick="javascript:window.location.href='article.html'">
                        <div class="article-item-img"></div>
                        <div class="article-item-content" style="width: 45rem">
                            <div class="article-item-title">为什么说「日本餐饮业」的今天是我们的未来？</div>
                            <div class="article-item-prop">
                                <span>发布于：中华网</span>
                                <span>2018-07-09 10:53:18</span>
                                <span>评论：25</span>
                            </div>
                            <div class="article-item-text">
                                从平价的日式小吃，治愈系的深夜食堂，洋溢社交场景的居酒屋，充满日剧氛围的烧鸟串烤，
                                昂贵华丽的顶级日料，细腻甜美的日式甜品，融合西餐菜系的日式主题餐厅，种类繁多的日系
                                餐饮专门店越来越受中国食客的喜爱，并成为一二线城市购物中心标配的餐饮业种。
                            </div>
                        </div>
                    </div>

                </div>
                <div class="pagination">
                    <div class="pagination-inner">
                        <span class="pagination-prep">&lt;</span>
                        <span class="pagination-num">1</span>
                        <span class="pagination-num active">2</span>
                        <span class="pagination-num">3</span>
                        <span class="pagination-num">...</span>
                        <span class="pagination-num">10</span>
                        <span class="pagination-next">&gt;</span>
                    </div>
                </div>
            </div>
                <div class="investigation-detail-r tab-pane fade" id="v-pills-investigation" role="tabpanel" aria-labelledby="v-pills-investigation-tab">
                    <div class="investigation-item">
                        <div class="investigation-item-title">社区干部评议</div>
                        <div class="investigation-item-prop">
                            <span>发起人：xxxxx</span>
                            <span>时间：2018-07-09 10:00</span>
                            <span>浏览次数：342次</span>
                        </div>
                        <div class="investigation-event">
                            <div class="investigation-event-num">1</div>
                            <div class="investigation-event-name">评议事件一</div>
                        </div>
                        <div class="investigation-event-text">
                            王倩告诉记者，她在与店方理论时被人拍了视频，并在网上发布，她对此并不知情。“但从有人把视频没有打马赛克发在网上的那一刻起，这个事情
                            就没有回旋的余地了。”

                            4月13日，在西安市市场监管局高新分局西部电子商城工商所，王倩向联合调查组递交资料。她提出包括调查该车车辆历史、检测车辆、 要求奔驰方
                            公开道歉、给予精神补偿等在内的8点诉求。
                        </div>
                        <div class="investigation-event-option">
                            <span><img src="../../static/icons/点赞1.png" alt="">赞同</span>
                            <span>不关心</span>
                            <span><img src="../../static/icons/反对.png" alt="">反对</span>
                        </div>
                    </div>
                    <div class="investigation-item">
                        <div class="investigation-item-title">社区干部评议</div>
                        <div class="investigation-item-prop">
                            <span>发起人：xxxxx</span>
                            <span>时间：2018-07-09 10:00</span>
                            <span>浏览次数：342次</span>
                        </div>
                        <div class="investigation-event">
                            <div class="investigation-event-num">2</div>
                            <div class="investigation-event-name">评议事件二</div>
                        </div>
                        <div class="investigation-event-text">
                            王倩告诉记者，她在与店方理论时被人拍了视频，并在网上发布，她对此并不知情。“但从有人把视频没有打马赛克发在网上的那一刻起，这个事情
                            就没有回旋的余地了。”

                            4月13日，在西安市市场监管局高新分局西部电子商城工商所，王倩向联合调查组递交资料。她提出包括调查该车车辆历史、检测车辆、 要求奔驰方
                            公开道歉、给予精神补偿等在内的8点诉求。
                        </div>
                        <div class="investigation-event-option">
                            <span><img src="../../static/icons/点赞1.png" alt="">赞同</span>
                            <span>不关心</span>
                            <span><img src="../../static/icons/反对.png" alt="">反对</span>
                        </div>
                    </div>
                    <div class="investigation-item">
                        <div class="investigation-item-title">社区干部评议</div>
                        <div class="investigation-item-prop">
                            <span>发起人：xxxxx</span>
                            <span>时间：2018-07-09 10:00</span>
                            <span>浏览次数：342次</span>
                        </div>
                        <div class="investigation-event">
                            <div class="investigation-event-num">3</div>
                            <div class="investigation-event-name">评议事件三</div>
                        </div>
                        <div class="investigation-event-text">
                            王倩告诉记者，她在与店方理论时被人拍了视频，并在网上发布，她对此并不知情。“但从有人把视频没有打马赛克发在网上的那一刻起，这个事情
                            就没有回旋的余地了。”

                            4月13日，在西安市市场监管局高新分局西部电子商城工商所，王倩向联合调查组递交资料。她提出包括调查该车车辆历史、检测车辆、 要求奔驰方
                            公开道歉、给予精神补偿等在内的8点诉求。
                        </div>
                        <div class="investigation-event-option">
                            <span><img src="../../static/icons/点赞1.png" alt="">80%赞同</span>
                            <span>10%不关心</span>
                            <span><img src="../../static/icons/反对.png" alt="">10%反对</span>
                        </div>
                    </div>
                </div>
                <div class="vote-detail-r tab-pane fade" id="v-pills-vote" role="tabpanel" aria-labelledby="v-pills-vote-tab">
                    <div class="vote-item">
                        <div class="vote-item-title">
                            <div class="vote-item-name">社区干部投票竞选</div>
                            <div class="vote-item-prop">截止时间：2018-07-09 10:00</div>
                        </div>
                        <div class="vote-item-option">
                            <a onclick="showTab(1)">去投票</a>
                        </div>
                    </div>
                    <div class="vote-item">
                        <div class="vote-item-title">
                            <div class="vote-item-name">社区干部投票竞选</div>
                            <div class="vote-item-prop">截止时间：2018-07-09 10:00</div>
                        </div>
                        <div class="vote-item-option">
                            <a class="active">已投票</a>
                        </div>
                    </div>
                    <div class="vote-item">
                        <div class="vote-item-title">
                            <div class="vote-item-name">社区干部投票竞选</div>
                            <div class="vote-item-prop">截止时间：2018-07-09 10:00</div>
                        </div>
                        <div class="vote-item-option">
                            <a>去投票</a>
                        </div>
                    </div>
                </div>
                <div class="campaign-detail-r tab-pane fade" id="v-pills-vote2" role="tabpanel" aria-labelledby="v-pills-vote2-tab">
                    <div class="campaign-item">
                        <div class="campaign-item-title">社区干部评议</div>
                        <div class="campaign-item-prop">
                            <span>发起人：xxxxx</span>
                            <span>时间：2018-07-09 10:00</span>
                            <span>浏览次数：342次</span>
                        </div>
                        <div class="campaign-item-content">
                            <div class="campaign-item-inner">
                                <div class="campaign-item-img" onclick="modalShow()" data-toggle="modal" data-target="#myModal"></div>
                                <div class="campaign-item-name">马云</div>
                                <div class="campaign-item-intro">阿里巴巴前CEO</div>
                                <div class="campaign-item-btn">
                                    <span onclick="showTab(2)"><img src="../../static/icons/点赞1.png" alt="">给他投票</span>
                                </div>
                            </div>
                            <div class="campaign-item-inner">
                                <div class="campaign-item-img"></div>
                                <div class="campaign-item-name">马云</div>
                                <div class="campaign-item-intro">阿里巴巴前CEO</div>
                                <div class="campaign-item-btn">
                                    <span><img src="../../static/icons/点赞1.png" alt="">给他投票</span>
                                </div>
                            </div>
                            <div class="campaign-item-inner">
                                <div class="campaign-item-img"></div>
                                <div class="campaign-item-name">马云</div>
                                <div class="campaign-item-intro">阿里巴巴前CEO</div>
                                <div class="campaign-item-btn">
                                    <span><img src="../../static/icons/点赞1.png" alt="">给他投票</span>
                                </div>
                            </div>
                            <div class="campaign-item-inner">
                                <div class="campaign-item-img"></div>
                                <div class="campaign-item-name">马云</div>
                                <div class="campaign-item-intro">阿里巴巴前CEO</div>
                                <div class="campaign-item-btn">
                                    <span><img src="../../static/icons/点赞1.png" alt="">给他投票</span>
                                </div>
                            </div>
                            <div class="campaign-item-inner">
                                <div class="campaign-item-img"></div>
                                <div class="campaign-item-name">马云</div>
                                <div class="campaign-item-intro">阿里巴巴前CEO</div>
                                <div class="campaign-item-btn">
                                    <span><img src="../../static/icons/点赞1.png" alt="">给他投票</span>
                                </div>
                            </div>
                            <div class="campaign-item-inner">
                                <div class="campaign-item-img"></div>
                                <div class="campaign-item-name">马云</div>
                                <div class="campaign-item-intro">阿里巴巴前CEO</div>
                                <div class="campaign-item-btn">
                                    <span><img src="../../static/icons/点赞1.png" alt="">给他投票</span>
                                </div>
                            </div>
                            <div class="campaign-item-inner">
                                <div class="campaign-item-img"></div>
                                <div class="campaign-item-name">马云</div>
                                <div class="campaign-item-intro">阿里巴巴前CEO</div>
                                <div class="campaign-item-btn">
                                    <span><img src="../../static/icons/点赞1.png" alt="">给他投票</span>
                                </div>
                            </div>
                            <div class="campaign-item-inner">
                                <div class="campaign-item-img"></div>
                                <div class="campaign-item-name">马云</div>
                                <div class="campaign-item-intro">阿里巴巴前CEO</div>
                                <div class="campaign-item-btn">
                                    <span><img src="../../static/icons/点赞1.png" alt="">给他投票</span>
                                </div>
                            </div>
                            <div class="campaign-item-inner">
                                <div class="campaign-item-img"></div>
                                <div class="campaign-item-name">马云</div>
                                <div class="campaign-item-intro">阿里巴巴前CEO</div>
                                <div class="campaign-item-btn">
                                    <span><img src="../../static/icons/点赞1.png" alt="">给他投票</span>
                                </div>
                            </div>
                            <div class="campaign-item-inner">
                                <div class="campaign-item-img"></div>
                                <div class="campaign-item-name">马云</div>
                                <div class="campaign-item-intro">阿里巴巴前CEO</div>
                                <div class="campaign-item-btn active">
                                    <span><img src="../../static/icons/点赞1.png" alt="">给他投票</span>
                                </div>
                            </div>
                            <div class="campaign-item-inner">
                                <div class="campaign-item-img"></div>
                                <div class="campaign-item-name">马云</div>
                                <div class="campaign-item-intro">阿里巴巴前CEO</div>
                                <div class="campaign-item-btn active">
                                    <span><img src="../../static/icons/点赞1.png" alt="">给他投票</span>
                                </div>
                            </div>
                            <div class="campaign-item-inner">
                                <div class="campaign-item-img"></div>
                                <div class="campaign-item-name">马云</div>
                                <div class="campaign-item-intro">阿里巴巴前CEO</div>
                                <div class="campaign-item-btn">
                                    <span><img src="../../static/icons/点赞1.png" alt="">给他投票</span>
                                </div>
                            </div>
                        </div>
                        <div class="campaign-item-submit">
                            <span>
                                （<font color="#FE7600">1</font>/5）提交选票
                            </span>
                        </div>
                    </div>

                </div>
                <div class="investigation-detail-r tab-pane fade" id="v-pills-complaint" role="tabpanel" aria-labelledby="v-pills-complaint-tab">
                    <div class="investigation-item">
                        <div class="investigation-item-title">社区干部评议</div>
                        <div class="investigation-item-prop">
                            <span>发起人：xxxxx</span>
                            <span>时间：2018-07-09 10:00</span>
                            <span>浏览次数：342次</span>
                        </div>
                        <div class="investigation-event-text">
                            王倩告诉记者，她在与店方理论时被人拍了视频，并在网上发布，她对此并不知情。“但从有人把视频没有打马赛克发在网上的那一刻起，这个事情
                            就没有回旋的余地了。”

                            4月13日，在西安市市场监管局高新分局西部电子商城工商所，王倩向联合调查组递交资料。她提出包括调查该车车辆历史、检测车辆、 要求奔驰方
                            公开道歉、给予精神补偿等在内的8点诉求。
                        </div>
                        <div class="article-comment">
                            <div class="article-tip">评论</div>
                            <div class="article-comment-input">
                                <div class="article-input-box">
                                    <textarea name="" id="" cols="30" rows="8" maxlength="200"></textarea>
                                    <span>0/200</span>
                                </div>

                                <button>发送</button>
                            </div>
                            <div class="article-comment-item">
                                <div class="article-comment-item-header">
                                    <div class="article-comment-item-logo"></div>
                                    <div class="article-comment-item-name">Hero灬嘦巭深</div>
                                </div>
                                <div class="article-comment-item-time">2019-4-15  19:06</div>
                                <div class="article-comment-item-text">
                                    不是业主权利意识淡薄，是谁来给业主做后盾？物业都成了大爷，想怎样就怎样。比如他们违规了向谁反应？反应
                                    了会不会管？
                                </div>
                            </div>
                            <div class="article-comment-item">
                                <div class="article-comment-item-header">
                                    <div class="article-comment-item-logo"></div>
                                    <div class="article-comment-item-name">Hero灬嘦巭深</div>
                                </div>
                                <div class="article-comment-item-time">2019-4-15  19:06</div>
                                <div class="article-comment-item-text">
                                    不是业主权利意识淡薄，是谁来给业主做后盾？物业都成了大爷，想怎样就怎样。比如他们违规了向谁反应？反应
                                    了会不会管？
                                </div>
                            </div>
                            <div class="article-comment-item">
                                <div class="article-comment-item-header">
                                    <div class="article-comment-item-logo"></div>
                                    <div class="article-comment-item-name">Hero灬嘦巭深</div>
                                </div>
                                <div class="article-comment-item-time">2019-4-15  19:06</div>
                                <div class="article-comment-item-text">
                                    不是业主权利意识淡薄，是谁来给业主做后盾？物业都成了大爷，想怎样就怎样。比如他们违规了向谁反应？反应
                                    了会不会管？
                                </div>
                            </div>


                            <div class="pagination">
                                <div class="pagination-inner">
                                    <span class="pagination-prep">&lt;</span>
                                    <span class="pagination-num">1</span>
                                    <span class="pagination-num active">2</span>
                                    <span class="pagination-num">3</span>
                                    <span class="pagination-num">...</span>
                                    <span class="pagination-num">10</span>
                                    <span class="pagination-next">&gt;</span>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
                <div class="investigation-detail-r tab-pane fade" id="v-pills-vote3" role="tabpanel" aria-labelledby="v-pills-vote3-tab">
                    <div class="investigation-item">
                        <div class="investigation-item-title">社区干部评议</div>
                        <div class="investigation-item-prop">
                            <span>发起人：xxxxx</span>
                            <span>时间：2018-07-09 10:00</span>
                            <span>浏览次数：342次</span>
                        </div>
                        <div class="investigation-event-text">
                            王倩告诉记者，她在与店方理论时被人拍了视频，并在网上发布，她对此并不知情。“但从有人把视频没有打马赛克发在网上的那一刻起，这个事情
                            就没有回旋的余地了。”

                            4月13日，在西安市市场监管局高新分局西部电子商城工商所，王倩向联合调查组递交资料。她提出包括调查该车车辆历史、检测车辆、 要求奔驰方
                            公开道歉、给予精神补偿等在内的8点诉求。
                        </div>
                        <div class="investigation-event-option">
                            <span><img src="../../static/icons/点赞1.png" alt="">赞同</span>
                            <span hidden>10%不关心</span>
                            <span><img src="../../static/icons/反对.png" alt="">反对</span>
                        </div>
                        <div class="article-comment vote-charts" id="vote-charts" style="height: 21rem;width: 55rem;">


                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
</main>
<footer class="footer">

</footer>
<div class="modal fade" id="myModal" tabindex="-1" role="dialog"  aria-hidden="true">
    <div class="modal-dialog modal-dialog-centered" role="document">
        <div class="modal-content">
                <div class="modal-body">
                    <div class="info-box">
                        <div class="info-header-img"></div>
                        <div class="info-list">
                            <div class="info-text">姓名：马云</div>
                            <div class="info-text">年龄：56</div>
                            <div class="info-text">民族：汉</div>
                            <div class="info-text">政治面貌：党员</div>
                        </div>
                    </div>
                    <div class="info-data">
                        <div class="info-title">资料介绍：<span></span></div>
                        <div class="info-innerText">
                            身在舆论漩涡中的王倩，感谢网友们的支持，“但有些人的说法我无法接
                            受，比如，我明明是正当维权，但硬被说成是某策划公司的炒作，还有人
                            说我是演员。现在，我有几百个身份。”
                        </div>
                    </div>

                 </div>

        </div>
    </div>
</div>
<script>
    (function () {
        $("header").load("../../views/common/header_common.html");
        $("nav").load("../../views/common/nav_inner.html");
        $(".nav-row").load("../../views/common/nav-row.html");
        $("footer").load("../../views/common/footer.html");



    })()
function modalShow() {
//    $('#myModal').modal('show');
}
function showTab(type) {
        if(type == 1){
            $("#v-pills-vote-tab").hide();
            $("#v-pills-vote2-tab").show();
            $("#v-pills-vote2-tab").tab('show');
        }else{
            $("#v-pills-vote2-tab").hide();
            $("#v-pills-vote3-tab").show();
            $("#v-pills-vote3-tab").tab('show');
            var myChart = echarts.init(document.getElementById('vote-charts'));
            myChart.setOption({
                title:{
                    text:"投票结果"
                },
                xAxis: {
                    type: 'category',
                    data: ['赞同', '反对']
                },
                yAxis: {
                    type: 'value'
                },
                series: [{
                    data: [820, 932],
                    type: 'line',
                    smooth: true
                }]
            });
        }


}

    option = {
        title:{
            text: '投票结果'
        },
        xAxis: {
            type: 'category',
            boundaryGap: false,
            data: ['赞同', '反对'],
            nameLocation:"center"
        },
        yAxis: {
            type: 'value'
        },
        series: [{
            data: [900,500],
            type: 'line',
            smooth: true
        }]
    };

</script>
</body>
</html>